<!-- 在我们的开发中，经常会遇到各种层级覆盖和原生界面自定义的问题：
覆盖原生导航栏、tabbar 的弹出层组件。比如侧滑菜单盖不住地图、视频、原生导航栏，比如 popup盖不住tabbar。
弹出层内部元素可滚动,
在地图、视频等组件上的添加复杂覆盖组件：比如直播视频上覆盖滚动的聊天记录。
在小程序中只能用 cover-view 来解决。App中，开发者希望有更强的解决方案。
当然在App端使用nvue是不存在前端元素无法覆盖原生元素的层级问题的，但app-vue页面仍然需要面对复杂的层级问题：
app-vue的cover-view 不支持嵌套、只能在 video、map 上使用、样式和控件少；
plus.nativeObj.view 虽然更灵活，但易用性比较差、没有动画、不支持内部内容滚动。
既然uni-app已经支持 nvue 的原生渲染，我们何不做一个subNVue，来替代 cover-view，实现更强的功能？
顾名思义，subNVue是 vue 页面的子窗体，它不是全屏页面，就是用于解决 vue 页面中的层级覆盖和原生界面自定义用的。它也不是组件，就是一个原生子窗体 -->

<template>
	<view class=""></view>
</template>

<script>
// // 在页面中打开和关闭 subNVue 子窗体
// // 通过 id 获取 nvue 子窗体
// const subNVue = uni.getSubNVueById('map_widget')
// // 打开 nvue 子窗体
// subNVue.show('slide-in-left', 300, function(){
//     // 打开后进行一些操作...
//     //
// });
// // 关闭 nvue 子窗体
// subNVue.hide('fade-out', 300)

// subNVue.setStyle({
//     top: '100px',
//     left: '20px',
//     width: '100px',
//     height = '50px',
// })
// 通讯实现方式
// // 在 subNVue/vue 页面注册事件监听方法
// // $on(eventName, callback)
// uni.$on('page-popup', (data) => {
//     vm.title = data.title;
//     vm.content = data.content;
// })

// // 在 subNVue/vue 页面触发事件
// // $emit(eventName, data)
// uni.$emit('page-popup', {
//     title: '我是一个title',
//     content: '我是data content'
// });
export default {
	async onReady() {
		// #ifdef APP-PLUS
			setTimeout(() => {
				const subNVue = uni.getSubNVueById('signIn');
				subNVue.show('fade-in', 300, () => {});
			},1000);
		// #endif
	},
	onLoad() {}
};
</script>

<style></style>
